@layout("/common/_container.html"){
<link href="${ctxPath}/static/css/plugins/dropzone/dropzone.css" rel="stylesheet">
<style>
    .dropzone .dz-default.dz-message{
        background-image:none!important;
    }
    .dropzone .dz-default.dz-message span{
        display: block;
        font-size: 24px;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>APP上传</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div lass="col-sm-12" style="text-align: center">
                        <input id="ctxPath" value="${ctxPath}" type="hidden"></input>
                        <form id="my-awesome-dropzone" method="post" class="dropzone dz-clickable" action="${ctxPath}/app/uploadApp">
                            <div class="dropzone-previews"></div>
                            <div class="dz-default dz-message">
                                <span>拖动文件或点击上传文件</span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<script src="${ctxPath}/static/js/plugins/jqQrcode/jquery.qrcode.min.js"></script>
<script src="${ctxPath}/static/js/plugins/dropzone/dropzone.js"></script>
<script src="${ctxPath}/static/modular/charon/app/appDownload.js"></script>
<script>
    require("dropzone");
    $("#my-awesome-dropzone").dropzone({ url: $("#ctxPath").val()+"/app/uploadApp" });

    // $(document).ready(function () {
    //     Dropzone.options.myAwesomeDropzone = {
    //         autoProcessQueue: false,
    //         uploadMultiple: true,
    //         parallelUploads: 100,
    //         maxFiles: 100,
    //         init: function () {
    //             var myDropzone = this;
    //             this.element.querySelector("button[type=submit]").addEventListener("click", function (e) {
    //                 e.preventDefault();
    //                 e.stopPropagation();
    //                 myDropzone.processQueue()
    //             });
    //             this.on("sendingmultiple", function () {
    //             });
    //             this.on("successmultiple", function (files, response) {
    //             });
    //             this.on("errormultiple", function (files, response) {
    //             })
    //         }
    //     }
    // });
</script>
@}
